﻿/*
全局css，适合所有页面
*/

*{ margin: 0px; padding: 0px;}
body{ font-size: 14px; font-family: "微软雅黑"; color: #333; /*background: #FFBB01 linear-gradient(#009CFF, #DDEEFF) no-repeat scroll 0% 0%;*/}
a {text-decoration: none;color: #333;}
p {text-indent:0em;}
li{ list-style-type: none;}
img {border:0px;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}

/* 元素行 */
.row { width: 1175px; margin: 0px auto;}
/* 主背景色 */
/*.bgcolor { background-color: #C91A1D!important; }*/
.bgcolor { background-color: #1BA0E3!important; }
.color { color: #0a0!important; }
.bdcolor { color: #0a0!important; }

/*头部*/

/*顶部栏*/
.top1{ /*background-color: #78B7C0;height:50px;line-height:50px;*/height:135px;}
.top1 h1.sitename{ text-align:center; font-size:18px; font-weight:normal; color:#ffffff; }

.top1_left{ line-height:30px; }
.top1_left .logo{ padding-top: 10px; }

.top1_right{}
.top1_right .rexian{position: relative;top:40px;right:0px;color: #EC6901;font-size: 18px;text-align: right;font-weight:bold;}
.top1_right .rexian img{vertical-align: middle;margin-right: 10px;width:50px;}
.top1_right ul{}
.top1_right ul li{ float:left; margin-right:10px; height:30px; line-height:30px;}

/*Logo栏*/
.top2{ height: 100px; }

.top2_left{ height:100px; }
.top2_left .logo_div{ width: 200px; height: 80px;  }
.top2_left .logo{ position: relative; top:-1000px;}

.top2_center{ height:100%; margin-left:200px; }

.top2_right{ height:100px; width: 200px; position: relative; }
.top2_right .tel_div{ position: absolute; top:20px; right:10px; }
.top2_right .tel{ font-size: 18px;  }

/* 搜索框 */
.search {
    /*margin-left: 600px;*/
    position: relative; top:50px;
}
.search span{
    color: rgb(75, 117, 180);
	font-size: 16px;
}
.searchForm {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    width: 295px;
    border: 1px solid #1BA0E3;
    background-color: #fff;
}
.searchForm a {
    float: right;
    display: inline-block;
    width: 65px;
    height: 36px;
    background-color: #1BA0E3;
    color: #FFF;
    text-align: center;
}
.searchForm input {
    border: 0px none;
    width: 140px;
    height: 30px;
    padding-left:5px;
}

/*导航栏 */
.top3{ /*position: absolute; top:80px; left:40px;*/height: 50px;line-height: 50px;}
.top3 .nav{}
.top3 .nav ul{}
.top3 .nav ul li{ /*margin-top:10px;*/ float: left;line-height: 15px;text-align: center;width:129.4px;border-right: 1px solid #2cb1f4;height:50px;}
.top3 .nav ul li:hover{ background-color: #ED6801;}
.top3 .nav ul li h2{ padding-top: 10px;}
.top3 .nav ul li a{color: #fff; /*font-weight:bold;*/ font-size:14px;}
.top3 .nav .on{ background-color: #ED6801;}

/*banner*/
.banner{position: relative;}
.banner .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:20px; height:15px; line-height:16px; text-align:center; background:#1BA0E5; cursor:pointer; }
.banner .hd ul li.on{ background:#ED6800; color:#fff; }
.banner .bd{}
.banner .bd ul{}
.banner .bd ul li{height:745px;}

/*主体*/
/*product*/
.product{background-color: #1BA0E3;height: 100px;}
.product ul{}
.product ul li{float: left;width:195px;border-right: 1px solid #2cb1f4;height:100px;}
.product ul li:hover{background-color: #ED6801;}
.product ul li.on{background-color: #ED6801;}
.product ul li .img{width:195px;height:60px;text-align: center;vertical-align: middle;display: table-cell;}
.product ul li .img img{max-width:195px;max-height:60px;padding-top: 20px;}
.product ul li .title{width:195px;line-height:40px;text-align: center;color: #fff;font-size: 16px;}
.product ul li .title a{}

.product1{min-height: 253px;}
.product1 ul{}
.product1 ul li{float: left;width:210px;margin-left: 25px;}
.product1 ul li .img{width:210px;height:208px;text-align: center;vertical-align: middle;display: table-cell;/*padding: 2px;*/}
.product1 ul li .img img{/*max-width:210px;max-height:208px;*/width: 210px;height: 208px;}
.product1 ul li .title{width:210px;line-height:40px;text-align: center;}
.product1 ul li .title a{font-size: 15px;}
/*advance*/
.main1{background-color: #1BA0E5;min-height:545px;}
.main1 .title{text-align: center;}
.main1 .nav{color: #fff;}
.main1 .nav ul{}
.main1 .nav ul li{float: left;}
.main1 .nav ul li .ntitle{color: #fff;font-size: 22px;}
.main1 .nav ul li .ntitle .border {
    border: 1px solid #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    float: left;
    font-size: 18px;
    margin-top: 3px;
    margin-right: 10px;
}
.main1 .nav ul li .desc{font-size: 14px;width:310px;line-height:24px;}
.main1 .nav ul .left{width:805px;min-height:180px;}
.main1 .nav ul .right{min-height:180px;}
.main1 .advance{position: relative;}
.main1 .bgimg{position: absolute;left:380px;top:120px;width:359px;height:421px;background: url('../images/adv_yuan.png') no-repeat scroll center;}
.main1 .bgimg .img1{position: absolute;left:100px;top:120px;}
.main1 .bgimg .img2{position: absolute;left:-55px;top:10px;}
.main1 .bgimg .img3{position: absolute;right:-55px;top:10px;}
.main1 .bgimg .img4{position: absolute;left:-50px;bottom:30px;}
.main1 .bgimg .img5{position: absolute;right:-50px;bottom:30px;}
/*about*/
.main2{}
.main2 .border{border-bottom: 1px solid #ccc;}
.main2 .border .title{}
.main2 .border .title .span{width:145px;height:40px;background: url('../images/icon_gongsi.png') no-repeat scroll center;line-height:40px;}
.main2 .border .title .span span{color: #fff;font-size: 18px;margin-left: 50px;}
.main2 .desc{height:245px;position: relative;line-height: 25px;color: rgb(102, 102, 102);text-indent: 2em;}
.main2 .desc .img{margin-right: 10px;text-indent: 0em;}
.main2 .desc .link{background: url('../images/kw.png') no-repeat scroll center;width: 120px;height: 30px;position: absolute;right: 0px;bottom: 0px;line-height:30px;text-indent: 0em;}
.main2 .desc .link a{margin-left: 45px;color: #EC6700;}
/*project*/
.main3{}
.main3 .border{border-bottom: 1px solid #ccc;}
.main3 .border .title{}
.main3 .border .title .span{width:145px;height:40px;background: url('../images/icon_gongsi.png') no-repeat scroll center;line-height:40px;}
.main3 .border .title .span span{color: #fff;font-size: 18px;margin-left: 50px;}
.main3 .border .title .desc{width:460px;height:40px;line-height:20px;margin-top: -10px;font-size: 12px;color: #888;}
.main3 .border .title .desc img{vertical-align: middle;margin: 0px 10px;}
.main3 .picMarquee-left{}
.main3 .picMarquee-left .bd{min-height:212px;}
.main3 .picMarquee-left .bd ul{}
.main3 .picMarquee-left .bd ul li{width:280px;margin-left: 13px;float: left;}
.main3 .picMarquee-left .bd ul li .pic{width:280px;height:210px;text-align: center;vertical-align: middle;display: table-cell;}
.main3 .picMarquee-left .bd ul li .pic img{max-width:280px;max-height:210px;}

/*honor*/
.main4{}
.main4 .border{border-bottom: 1px solid #ccc;}
.main4 .border .title{}
.main4 .border .title .span{width:145px;height:40px;background: url('../images/icon_gongsi.png') no-repeat scroll center;line-height:40px;}
.main4 .border .title .span span{color: #fff;font-size: 18px;margin-left: 50px;}
.main4 .picMarquee-left1{}
.main4 .picMarquee-left1 .bd{}
.main4 .picMarquee-left1 .bd ul{}
.main4 .picMarquee-left1 .bd ul li{width:280px;margin-left: 13px;}
.main4 .picMarquee-left1 .bd ul li .pic{width:280px;height:210px;text-align: center;vertical-align: middle;display: table-cell;}
.main4 .picMarquee-left1 .bd ul li .pic img{max-width:280px;max-height:210px;}
/*tiaofu*/
.tiaofu{background: url('../images/tiaofu.png') no-repeat scroll center;height:186px;}
.tiaofu .zixun{position: relative;}
.tiaofu .zixun .rexian{position: relative;top:115px;right:100px;color: #fff;font-size: 16px;text-align: right;height:20px;}
.tiaofu .zixun .rexian1{position: relative;top:125px;right:10px;color: #fff;font-size: 15px;text-align: right;}
/*news*/
.main5{}
.main5 .title{color: #333;font-size: 20px;}
.main5 .title .ying{font-size: 14px;}
.main5 .title .border{border-bottom: 1px solid #ED6801;width:85px;}
.main5 .news{width:540px;}
.main5 .dynamic{width:540px;}
.main5 .nav{}
.main5 .nav ul{}
.main5 .nav ul li{line-height:25px;border-bottom: 1px dashed #ddd;}
.main5 .nav ul li a{color: #333;}
.main5 .nav ul li span{color: #989898;}

/*内页*/
.main{/*background-color: #B8F0FD;*/}
.main .picMarquee-left{}
.main .picMarquee-left .bd{}
.main .picMarquee-left .bd ul{}
.main .picMarquee-left .bd ul li{width:210px;margin-left: 25px;}
.main .picMarquee-left .bd ul li .pic{width:210px;height:180px;text-align: center;vertical-align: middle;display: table-cell;}
.main .picMarquee-left .bd ul li .pic img{max-width:210px;max-height:180px;}
/*产品页*/
.main .piclist{}
.listpage{clear: both;}
.main .nav{height:60px;}
.main .nav ul{ }
.main .nav ul li{ float: left;width:190px; height:60px;line-height:60px;text-align: center;}
.main .nav ul li:hover{ float: left;width:190px; height:60px;line-height:60px;text-align: center;background-color: #ED6800;}
.main .nav ul li a{font-size: 16px;}
.main .nav ul li:hover a{font-size: 16px;color: #fff;}
.main .nav ul li.on{ float: left;width:190px; height:60px;line-height:60px;text-align: center;background-color: #ED6800;}
.main .nav ul li.on a{font-size: 16px;color: #fff;}
.main .piclist ul{}
.main .piclist ul li{float: left;width:215px;margin-right: 25px;text-align: center;min-height: 280px;}
.main .piclist ul li .img{width:215px;height:240px;text-align: center;vertical-align: middle; display: table-cell;}
.main .piclist ul li .img img{max-width:215px;max-height:240px;}
.main .piclist ul li .picname{line-height:20px;}
/*产品内页*/
.main .row .title1{text-align: center;}
.main .row .title1 h4{font-size: 18px;color: #000;}
.main-right{width:322px; margin-right:10px; margin-top:10px;}
.main-left{padding:10px; width:815px;}
/*文章页*/
.newslist{}
.newslist ul{}
.newslist ul li{line-height:25px;border-bottom: 1px dashed #ddd;}
/*文章内页*/

/*通用块*/
.menu_head{background: url(/template/default/images/menu_head_bg.png) repeat-x scroll bottom;position: relative;}
.menu_title{width:91px; height:35px;background: url(/template/default/images/menu_title_bg.png) repeat-x scroll bottom;text-align:center;line-height:35px;}
.menu_title span{color:#fff; font-size:18px;}
.menu_title_img{position: absolute; left:100px;top:5px;}
.menu_more{position: absolute; right:10px;top:5px;}
/*头条*/
.menu_top1{}
.menu_top1_img{ padding-right:10px; height:116px;}
.menu_top1_title{color:#D6301A;font-size:18px; font-weight:bold; margin-bottom:10px;}
.menu_top1_desc{text-indent:2em; line-height:21px;}
/*列表*/
.menu_list{}
.menu_list li{background: url(/template/default/images/menu_list_bg.png) repeat-x scroll bottom; line-height:30px;}
.menu_list span{float:right;}



/*友情链接*/
.friendlink{}
.friendlink ul{ margin:0px 10px 0px 80px; padding-top:20px;}
.friendlink ul li{ display: inline-block; margin-right:20px; line-height:30px;}
.friendlink ul li a{}

/*底部*/
.footer{ /*position: fixed; bottom:20px;*/ width:100%;background-color: #F0ECED;height:225px;}
.footer p{ line-height:25px; text-align:center;}
.footer .title{color: #444;font-size: 20px;}
.footer .title .ying{color: #666;font-size: 14px;}
.footer .link{}
.footer .link .nav{width:1080px;margin-top: 28px;overflow: hidden;}
.footer .link .nav ul{}
.footer .link .nav ul li{float: left;}
.footer .link .nav ul li a{color: #666;margin: 0px 10px;}
.footer .copy{width:800px;color: #666;line-height:24px;text-align: center;}
.footer .copy a{color:#666;}

/*---------------------------------以下是手机工具条--------------------------------*/

/*手机头部工具条*/
.wap-head-bar{ background-color: #78B7C0;height:50px;line-height:50px;}
.wap-head-bar-title{ text-align:center; font-size:18px; font-weight:normal; color:#ffffff; }
.wap-head-bar-right{ position: absolute; right: 10px; }
.wap-head-bar-left{ position: absolute; left: 10px; }
.wap-head-bar-menu{ position: absolute; right: 10px; top:50px; display:none; background-color: #78B7C0;}
.wap-head-bar-menu ul{}
.wap-head-bar-menu ul li{line-height:25px; padding:5px 0px; border-bottom:1px dashed #ccc;}
.wap-head-bar-menu ul li a{color:#fff; padding:0px 20px;}

/*手机底部*/
.wap-page-foot{background-color: #efffef; padding:10px 0px ;}
.wap-page-foot .info{ line-height:22px; text-align:center;}

/*手机底部工具条*/
.wap-foot-bar{position: fixed; bottom:0px;width:100%; background-color: #78B7C0; height:50px;}
.wap-foot-bar table{ width:100%; height:100%;}
.wap-foot-bar table tr{ width:25%; text-align:center; color:#fff; font-size:20px; padding-top:10px;}
.wap-foot-bar table tr a{ color: #fff;}
.wap-foot-bar table tr span{ font-size:12px; display: block;}


/*---------------------------------以下是内页--------------------------------*/

/*内页布局*/
.page{/*background-color: #B8F0FD;*/}
.page .tborder{border-bottom: 1px solid #ddd;}
.page .title{color: #333;font-size: 20px;}
.page .title .ying{font-size: 14px;}
.page .title .left .span{width:145px;height:40px;background: url('../images/icon_gongsi.png') no-repeat scroll center;line-height:40px;}
.page .title .left .span span{color: #fff;font-size: 18px;margin-left: 50px;}
.page .title .border{border-bottom: 1px solid #ED6801;width:85px;}
.page .title .right{position: relative;width: 160px;}
.page .title .right .rexian{position: absolute;right:0px;top:0px;font-size: 14px;color: #666;}
.page .title .right .rexian span{color: #D1A367;font-size: 16px; font-weight: bold;}
.page-left{ padding:10px;width:270px;}
.page-right{margin-left:300px; padding:10px;}

/*您的位置*/
.page-position{ border-bottom: 2px solid #78B7C0; padding-bottom:10px;}
.page-position span{ border-left: 0px solid #78B7C0; padding-left: 0px; margin-left:2px;}

/*内页右侧容器*/
.page-container{padding:10px; min-height:400px;}

/* 文字列表 */
.page-list{}
.page-list ul{}
.page-list ul li{margin:0px 0px 10px 10px; line-height:25px;}
.page-list ul li a{}

/* 九宫格列表 */
.page-list-9{}
.page-list-9 ul{}
.page-list-9 ul li{margin:0px auto 20px auto; width:210px;}
.li-pic-div{ width:200px; height:200px; border:1px solid #ccc; text-align:center; vertical-align: middle; display:table-cell; padding:2px; overflow: hidden;}	
.li-pic-div img{ max-width: 200px; max-height:200px; }
.li-pic-title{text-align:center; height:30px; line-height:30px;}

/* 图文混列 */
.page-list-mix{}
.page-list-mix ul{}
.page-list-mix ul li{margin:0px 0px 10px 10px; height:120px; border-bottom:1px dashed #eeeeff;}
.page-list-mix ul li img.thumb{ margin-right:10px; width:160px; height:115px; border:1px solid #efefef;}
.page-list-mix ul li a.title{ line-height:40px; font-size:14px; color:#000; }
.page-list-mix ul li span.time{float:right; color:#999;}
.page-list-mix ul li div.desc{text-indent:2em;}

/*内页文章详细信息*/
.page-art-title{ font-size: 16px; font-family: "微软雅黑"; color: #333;}
.page-art-time{ color: #999; line-height:30px;}
.page-art-content{ text-indent: 0px; line-height:20px; }
.page-art-content p{ text-indent: 0px; line-height:20px; }
.page-art-content img{ max-width:99%; }

/*单项目，适合产品详情和招聘详情等*/
.page-art-kv{line-height:25px;}
.page-art-key{font-weight:bold;}
.page-art-value{}

/* 分页 */
.xiaocms-page{ text-align:center; }
.xiaocms-page a{ margin-right:10px; padding:5px 10px; border:1px solid #ccc;}
.xiaocms-page span{ margin-right:5px;}
.wandou-page{ text-align:center; }
.wandou-page a{ margin-right:10px; padding:5px 10px; border:1px solid #ccc;}
.wandou-page span{ margin-right:10px; padding:5px 10px; border:1px solid #ccc; background-color: #1BA0E3;color: #fff;}

/* 上一篇下一篇 */
.page-updown{}
.page-updown p{ text-indent:0px; }



/*---------------------------------以下是左侧--------------------------------*/
.left-menu{width:100%;}
.left-menu-title{background-color: #13A4B7; height:45px; line-height:45px;}
.left-menu-content ul{}
.left-menu-content ul li{background-color: #64CBDC; height:45px; line-height:45px; text-align: center; font-size:16px; color:#fff; border-bottom:1px solid #fff; padding-left:10px; padding-right:10px;}
.left-menu-content ul li a{color:#666;}